<div class="home">
    <div>
        <div class="head_red"></div>
        <div class="head_black"></div>
    </div>
    <div class="head">
        <div class="head-up">
                <div class="logo">
                    河北浩鼎钢木家具有限公司
                </div>
                <ul class="menu">
                    <li ng-repeat="navItem in navItems" ng-class="{lichoose: selectedNavItem == navItem.id}" ng-click="itemClick(navItem.id)">{{navItem.title}}</li>
                </ul>
        </div>
        <div class="head-down">
            <div><span style="color: red;" class="glyphicon glyphicon-phone-alt"></span>&nbsp;:13623186729</div>
            <div><span style="color: red;" class="glyphicon glyphicon-envelope"></span>&nbsp;:1653344649@qq.com</div>
        </div>
    </div>
    <div class="banner">
        <div>
            <carousel interval="myInterval">
                <slide ng-repeat="slide in slides" active="slide.active">
                    <img ng-src="{{slide.image}}" style="margin:auto;">
                    <!--<div class="carousel-caption">-->
                        <!--<p>{{slide.text}}</p>-->
                    <!--</div>-->
                </slide>
            </carousel>
            <div id="myCarousel" class="carousel slide">
            <!-- 轮播（Carousel）指标 -->
            <ol class="carousel-indicators">
            <li ng-repeat="slide in slides" data-target={{slides}} data-slide-to={{slide.$index}} ng-click="slide.active = true" ng-class="{'active':slide.active}"></li>
            </ol>
            </div>
            </div>
            <ul style="float: right; list-style: none;margin-top: -42px;margin-left: 76%;position: absolute">
                <li style="float: right" ng-repeat="slide in slides|orderBy:'id':'desc'">
                    <button class="btn btn-mini" ng-class="{'btn-inverse': !slide.active, 'btn-danger': slide.active}" ng-disabled="slide.active" ng-click="slide.active = true">{{slide.id}}</button>
                </li>
            </ul>
        </div>
    </div>
    <div class="body">
        <!--首页-->
        <div ng-if="selectedNavItem == 'home'" ng-include="'component/home/main.tpl.html'" ng-controller="homeCtrl"></div>
        <!--关于我们-->
        <div ng-if="selectedNavItem == 'about'" ng-include="'component/about/about.tpl.html'" ng-controller="homeCtrl"></div>
        <!--产品展示-->
        <div ng-if="selectedNavItem == 'product'" ng-include="'component/product/product.tpl.html'" ng-controller="homeCtrl"></div>
        <!--新闻资讯-->
        <div ng-if="selectedNavItem == 'news'" ng-include="'component/news/news.tpl.html'" ng-controller="homeCtrl"></div>
        <!--联系我们-->
        <div ng-if="selectedNavItem == 'contact'" ng-include="'component/contact/contact.tpl.html'" ng-controller="homeCtrl"></div>
    </div>
    <div class="footer text-center">版权所有:河北浩鼎钢木家具有限公司</div>
</div>